<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="shortcut icon" href="/favicon.ico">
    <link rel="stylesheet" href="/libs/font/iconfont.css">
    <link rel="stylesheet" href="/libs/swiper/css/swiper.min.css">
    <link rel="stylesheet" href="/css/index.css">
</head>
<body>
    <header></header>
    <section>
        <div class="banner">
            <div class="swiper-container" id="banner">
                <div class="swiper-wrapper">
                    <div class="swiper-slide">
                        <img src="/images/banner01.jpeg">
                    </div>
                    <div class="swiper-slide">
                        <img src="/images/banner02.jpeg">
                    </div>
                    <div class="swiper-slide">
                        <img src="/images/banner03.jpeg">
                    </div>
                </div>
                <!-- 如果需要分页器 -->
                <div class="swiper-pagination banner-pagination"></div>
                
                <!-- 如果需要导航按钮 -->
                <div class="swiper-button-prev"></div>
                <div class="swiper-button-next"></div>
            </div>
        </div>
        <div class="nav" id="nav">
            <div class="nav-city">
                <div class="title">城市：</div>
                <div class="nav-list nav-city-list">
                    <ul class="city-list" id="citylist">
                        <li class="ac" data-id="-1">全国</li>
                        <!--<li>上海</li>
                        <li>成都</li>
                        <li>北京</li>
                        <li>杭州</li>
                        <li>深圳</li>
                        <li>天津</li>
                        <li>西安</li>
                        <li>南京</li>
                        <li>郑州</li>
                        <li>
                            <span>更多城市</span>
                            <i class="iconfont icon-bilibili"></i>
                        </li> -->
                    </ul>
                    <script type="text/html" id="citylistTemplate">
                        {{each list item}}
                            <li data-id="{{item.id}}">{{item.name}}</li>
                        {{/each}}
                    </script>
                </div>
            </div>
            <div class="nav-type">
                <div class="title">类型：</div>
                <div class="nav-list nav-type-list">
                    <ul class="type-list" id="typelist">
                        <!-- <li>全部类型</li>
                        <li>演出</li>
                        <li>展览</li>
                        <li>本地生活</li> -->
                    </ul>
                    <script type="text/html" id="typelistTemplate">
                        {{each list item,index}}
                            <li class="{{index==0?'ac':''}}">
                                {{item.value}}
                            </li>
                        {{/each}}
                    </script>
                </div>
            </div>
            <div class="nav-chose">
                <div class="title">筛选：</div>
                <div class="nav-list nav-chose-list">
                    <ul class="chose-list" id="choselist">
                        <!-- <li>全部时间</li>
                        <li>本周</li>
                        <li>本月</li> -->
                    </ul>
                    <script type="text/html" id="choselistTemplate">
                        {{each list item,index}}
                            <li class="{{index==0?'ac':''}}" data-time="{{item.key}}">{{item.value}}</li>
                        {{/each}}
                    </script>
                </div>
            </div>
        </div>
    </section>
    <main>
        <div class="main-list" id="mainlist">
            <!-- // {{if item.project_num>0}}({{item.project_num}}){{/if}}
                // https://show.bilibili.com/platform/detail.html?id=27244&from=pc
                <div class="main-list-item">
                <div class="main-list-item-img">
                    <img src="/images/list01.jpeg">
                </div>
                <div class="main-list-item-msg">
                    <h3>广州·第24届酷狗蘑菇 x 萤火虫动漫音乐嘉年华</h3>
                    <p>
                        <i class="iconfont icon-dingdan"></i>
                        <span>2020.08.21 - 08.23</span>
                    </p>
                    <p>
                        <i class="iconfont icon-dingwei1"></i>
                        <span>广州市</span>
                        <span>琶洲·保利世贸博览馆</span>
                    </p>
                    <p>
                        <span>￥</span>
                        <span>70</span>
                        <span>起</span>
                        <span><b>独家</b><b>拼团</b></span>
                        <span>
                            <i class="iconfont icon-bilibili1"></i>
                            两天后结束售卖
                        </span>
                    </p>
                </div>
            </div> -->
            <script type="text/html" id="mainlistTemplate">
                {{each list item}}
                    <a href="/html/details.html?id={{item.id}}">
                        <div class="main-list-item">
                            <div class="main-list-item-img">
                                <img src="https://ss1.bdstatic.com/70cFvXSh_Q1YnxGkpoWK1HF6hhy/it/u=824529714,3455863915&fm=26&gp=0.jpg">
                            </div>
                            <div class="main-list-item-msg">
                                <h3>{{item.project_name}}</h3>
                                <p>
                                    <i class="iconfont icon-dingdan"></i>
                                    <span>{{item.tlabel}}</span>
                                </p>
                                <p>
                                    <i class="iconfont icon-dingwei1"></i>
                                    <span>{{item.city_name}}</span>
                                    <span>{{item.venue_name}}</span>
                                </p>
                                <p>
                                    <span>￥</span>
                                    <span>{{item.price_low/100}}</span>
                                    <span>起</span>
                                    <span>
                                        {{if item.label}}
                                            <b>{{item.label}}</b>
                                        {{/if}}
                                        {{if item.promo}}
                                            <b>{{item.promo.type_name}}</b>
                                        {{/if}}
                                    </span>
                                    <span>
                                        <i class="iconfont icon-bilibili1"></i>
                                        {{item.countdown}}
                                    </span>
                                </p>
                            </div>
                        </div>
                    </a>
                {{/each}}
            </script>
        </div>
        <!-- <div class="page"></div> -->
    </main>
    <footer></footer>
    <script src="/libs/require/require.min.js" data-main="/js/index"></script>
</body>
</html>